<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script src="http://47.106.66.89:8080/js/vue.min.js"></script>
	<script src="http://47.106.66.89:8080/js/axios.min.js"></script>
	<link href="http://47.106.66.89:8080/js/ele-2.15.7/theme-chalk/index.css" rel="stylesheet">
	<script src="http://47.106.66.89:8080/js/ele-2.15.7/index.js"></script>
<link rel="stylesheet" href="./css/index.css"/>
</head>
<style>
	*{
		padding: 0;
		margin: 0;
	}
	html,body,#app{
		width: 100%;
		height: 100%;
		font-size:14px;
	}
	.el-container{
		width: 100%;
		height: 100%;
	}
	.el-header{
		width: 100%;
		padding: 0;
		font-size: 18px;
		line-height: 60px;
		background-color: rgba(0, 0, 0, 0.6);
		color: #fff;
	}
	.el-header span{
		position: relative;
		left: 10px;
	}
	.el-main{
		padding: 0;
	}
	.el-menu{
		height: 100%;
	}
	iframe{
		width: 100%;
		height: 100%;
	}
</style>
<body>
	<div id="app">
		<el-container>
		  <el-header><span>个人blog管理</span></el-header>
		  <el-container>
		    <el-aside width="200px">
				<el-menu
				class="el-menu-vertical-demo"
				:unique-opened="true"
				@select="toPage">
				<el-submenu index="user">
				  <template slot="title">
					<i class="el-icon-user-solid"></i>
					<span>用户管理</span>
				  </template>
					<el-menu-item index="user/show">用户信息显示</el-menu-item>
				</el-submenu>
				<el-submenu index="blog">
				  <template slot="title">
				  <i class="el-icon-s-goods"></i>
				  <span slot="title">博客管理</span>
				</template>
					<el-menu-item index="blog/show">商品信息显示</el-menu-item>
					<el-menu-item index="goods/goodsDiscript">商品描述显示</el-menu-item>
				</el-submenu>
				<el-submenu index="types">
					<template slot="title">
				  <i class="el-icon-s-help"></i>
				  <span slot="title">类别管理</span>
				</template>
				<el-menu-item index="type/index">类别管理</el-menu-item>
				</el-submenu>
				<el-submenu index="orders">
					<template slot="title">
				  <i class="el-icon-s-order"></i>
				  <span slot="title">广告管理</span>
				</template>
				<el-menu-item index="order/sale">广告信息管理</el-menu-item>
				</el-submenu>
				<el-submenu index="blocks">
					<template slot="title">
				  <i class="el-icon-s-promotion"></i>
				  <span slot="title">申请管理</span>
				</template>
				<el-menu-item index="shen/index">申请管理</el-menu-item>
				</el-submenu>
				<el-submenu index="servle">
					<template slot="title">
				  <i class="el-icon-setting"></i>
				  <span slot="title">敏感词管理</span>
				</template>
				<el-menu-item index="badword/index">敏感词管理</el-menu-item>
				</el-submenu>
				<el-submenu index="question">
					<template slot="title">
				  <i class="el-icon-setting"></i>
				  <span slot="title">数据显示</span>
				</template>
				<el-menu-item index="dataAdm/index">数据显示</el-menu-item>
				</el-submenu>
			  </el-menu></el-aside>
		    <el-main>
				<iframe :src="url"></iframe>
			</el-main>
		  </el-container>
		</el-container>
		
	</div>
	<script>
		let app = new Vue({
			el:'#app',
			data:{
				url:'shen/index.html'
			},
			methods:{
				toPage(page){
					this.url = page + '.html';
					//console.log(page)
				},
				
			},
		});
	</script>
</body>
</html>